<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>网站管理</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="/static/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/static/admin/style/admin.css" media="all">
    <style>
        .layui-table-cell {
    font-size:14px;
    padding:0 5px;
    height:auto;
    overflow:visible;
    text-overflow:inherit;
    white-space:normal;
    word-break: break-all;
}
    </style>
</head>

<body>

    <div class="layui-fluid">
        <div class="layui-card">
            
            <div class="layui-form layui-card-header layuiadmin-card-header-auto">
                <blockquote class="layui-elem-quote">当前正在运行的网站，请添加到此后台，方便管理！</blockquote>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">关键字：</label>
                        <div class="layui-input-block">
                            <input type="text" name="keywords" placeholder="可按网址搜索" autocomplete="off" class="layui-input" style="width: 500px;">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <button class="layui-btn layuiadmin-btn-admin" lay-submit lay-filter="LAY-user-back-search">
                            <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                        </button>
                    </div>
                </div>
            </div>

            <div class="layui-card-body">
                <div style="padding-bottom: 10px;">
                    {if (buttonAuth('website/add'))}
                    <button class="layui-btn layui-btn-normal layuiadmin-btn-order" data-type="add"><i
                            class="layui-icon">&#xe654;</i> 添加网站</button>
                    {/if}
                </div>

                <table id="LAY-user-table" lay-filter="LAY-user-table"></table>
                <script type="text/html" id="zizeng">
                    {{d.LAY_TABLE_INDEX+1}}
                </script>

                <script type="text/html" id="adminTpl">
                    <a href="{{ d.adminurl }}" class="layui-table-link" target="_blank">{{ d.adminurl }}</a>
                </script>
                
                <script type="text/html" id="table-seller-admin">
                    {if (buttonAuth('order/edit'))}
                    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i
                            class="layui-icon layui-icon-edit"></i>编辑</a>
                    {/if}
                    {if (buttonAuth('order/del'))}
                    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i
                            class="layui-icon layui-icon-delete"></i>删除</a>
                    {/if}
                </script>
            </div>
        </div>
    </div>

    <script src="/static/layui/layui.all.js"></script>
    <script src="/static/common/js/layTool.js"></script>
    <script src="/static/common/js/jquery.min.js"></script>

    <script>
        layui.config({
            base: '/static/admin/'
        }).use(['table', 'util'], function () {
            var $ = layui.$,
                form = layui.form,
                table = layui.table,
                util = layui.util;

            var active = {
                add: function () {
                    layTool.open("{:url('website/add')}", "添加网站", '40%', '55%');
                }
            };

            $('.layui-btn.layuiadmin-btn-order').on('click', function () {
                var type = $(this).data('type');
                active[type] ? active[type].call(this) : '';
            });

            // 监听搜索
            form.on('submit(LAY-user-back-search)', function (data) {
                var field = data.field;

                // 执行重载
                table.reload('LAY-user-table', {
                    where: field
                });
            });
        });

        renderTable();
        // 渲染表格
        function renderTable() {
            layTool.table("#LAY-user-table", "/admin/website/index", [
                [
                    {
                        field: 'zizeng',
                        width: 80,
                        title: '编号',
                        sort: true,
                        templet: '#zizeng',
                        align: 'center'
                    },
                    {
                        field: "webtitle",
                        title: "网站名",
                    }, {
                        field: "weburl",
                        title: "网址",
                    }, {
                        field: "adminurl",
                        title: "后台路径",
                        width: 300,
                        templet: '#adminTpl'
                    }, {
                        field: "adminname",
                        title: "管理员帐号",
                        width: 120
                    }, {
                        field: "adminpass",
                        title: "管理员密码",
                        width: 120
                    }, {
                        field: "verify",
                        title: "认证码",
                        width: 120
                    }, {
                        field: "kind",
                        title: "网站类型",
                        width: 100
                    }, {
                        field: "desc",
                        title: "备注(可点击修改)",
                        event: 'setSign',
                        style: 'cursor: pointer;',
                        width: '20%'
                    }, {
                        title: "操作",
                        align: "center",
                        width: 200,
                        fixed: "right",
                        toolbar: "#table-seller-admin"
                    }
                ]
            ], 20);


            layui.use(['table', 'layer'], function () {
                        let layer = layui.layer;
                        let table = layui.table;


                        table.on("tool(LAY-user-table)",
                            function (e) {
                                if ("del" === e.event) {

                                    layer.ready(function () {
                                        var index = layer.confirm('您确定要删除该网站？', {
                                            title: '友情提示',
                                            icon: 3,
                                            btn: ['确定', '取消']
                                        }, function () {

                                            $.getJSON('{:url("website/del")}', {
                                                id: e.data.id
                                            }, function (res) {

                                                if (0 == res.code) {

                                                    layer.msg(res.msg);
                                                    setTimeout(function () {
                                                        renderTable();
                                                    }, 300);
                                                } else {
                                                    layer.alert(res.msg);
                                                }
                                            });
                                        }, function () {

                                        });
                                    });
                                } else if ("edit" === e.event) {
                                    layTool.open("/admin/website/edit/id/" + e.data.id, "编辑网站", '40%', '55%');

                                } else if ("setSign" === e.event) {
                                    layer.prompt({
                                        formType: 2,
                                        title: '修改网站地址为 [' + e.data.weburl + '] 的备注信息',
                                        value: e.data.desc
                                    }, function (value, index) {
                                        layer.close(index);

                                        $.getJSON('{:url("website/editDesc")}', {
                                                id: e.data.id,
                                                desc: value
                                            }, function (res) {
                                                if (0 == res.code) {
                                                    layer.msg(res.msg);
                                                    setTimeout(function () {
                                                        renderTable();
                                                    }, 300);
                                                } else {
                                                    layer.alert(res.msg);
                                                }
                                            });

                                        //同步更新表格和缓存对应的值
                                        e.update({
                                            desc: value
                                        });
                                    });
                                }
                            });
                        });
                    }
    </script>
</body>

</html>